<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="JQ.js"></script>
		<script src="../../../../js/world/NowWorld/refiner.js"></script>
		<script src="../../../../js/mui.min.js"></script>
		<link href="../../../../css/mui.min.css" rel="stylesheet"/>
		<script type="text/javascript" charset="utf-8">
		  	mui.init();
		</script>
	</head>
	<body>
		<script>//数据初始化和读取
			setTimeout(function(){
				if(plus.storage.getItem("MyForgeLevel")==null){//初始化
					plus.storage.setItem("MyForgeLevel","0");
					plus.storage.setItem("MyForgeExp","0");
					plus.storage.setItem("MyForgeExpUp","0");
					plus.storage.setItem("MyForgeAttackUp","0");
					plus.storage.setItem("MyForgeDefineUp","0");
				}
				//读取
				document.getElementById("MyForgeLevel").innerHTML = plus.storage.getItem("MyForgeLevel");
				document.getElementById("MyForgeExp").innerHTML = plus.storage.getItem("MyForgeExp");
				document.getElementById("MyForgeExpUp").innerHTML = plus.storage.getItem("MyForgeExpUp");
				document.getElementById("MyForgeAttackUp").innerHTML = plus.storage.getItem("MyForgeAttackUp");
				document.getElementById("MyForgeDefineUp").innerHTML = plus.storage.getItem("MyForgeDefineUp");
				
			},500);
		</script>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-icon mui-icon-left-nav mui-pull-left" href="../home.html"></a>
			<h1 class="mui-title">炼器</h1>
		</header>
		<div class="mui-content">
			<div class="mui-card">
				<!--页眉，放置标题-->
				<div class="mui-card-header">锻造属性</div>
				<!--内容区-->
				<div class="mui-card-content">
					<div class="mui-row">
						<div class="mui-col-xs-6 mui-col-sm-6"><p>锻造等级:<b id="MyForgeLevel">0</b></p></div>
						<div class="mui-col-xs-6 mui-col-sm-6"><p>锻造经验:<b id="MyForgeExp">0</b></p></div>
						<hr>
						<div><p>灵力加成:<b id="MyForgeExpUp">0</b></p></div>
						<div><p>伤害加成:<b id="MyForgeAttackUp">0</b></p></div>
						<div><p>防御加成:<b id="MyForgeDefineUp">0</b></p></div>
						<p style="text-align: center;">仅生效最强装备属性</p>
					</div>
				</div>
			</div>
			
			
			
			
			
			
			<!--锻造菜单区域-->
			<div id="sheetJiChu" class="mui-popover mui-popover-bottom mui-popover-action "><!--基础锻造-->
				<div class="mui-card">
					<!--页眉，放置标题-->
					<div class="mui-card-header">锻造需求</div>
					<!--内容区-->
					<div class="mui-card-content">
						<div class="mui-row">
							<div class="mui-col-xs-4 mui-col-sm-4"><b style="text-align: center;">宝石需求:</b><br>100灵气,50精力</div>
							<div class="mui-col-xs-4 mui-col-sm-4"><b style="text-align: center;">小刀需求:</b><br>100灵气,50精力</div>
							<div class="mui-col-xs-4 mui-col-sm-4"><b style="text-align: center;">护甲需求:</b><br>100灵气,50精力</div>
						</div>
					</div>
				</div>
				<!-- 可选择菜单 -->
				<ul class="mui-table-view">
				  <li class="mui-table-view-cell">
					<b onclick="Refiner(100,50,0,5,0,1)">基础灵力宝石</b>
				  </li>
				  <li class="mui-table-view-cell">
					<b onclick='Refiner(100,50,0,12,1,1)'>基础灵力小刀</b>
				  </li>
				  <li class="mui-table-view-cell">
					<b onclick="Refiner(100,50,0,8,2,1)">基础灵力护甲</b>
				  </li>
				</ul>
				<!-- 取消菜单 -->
				<ul class="mui-table-view">
				  <li class="mui-table-view-cell">
					<a href=""><b>取消</b></a>
				  </li>
				</ul>
			</div>
			
			
			
			
			
			
			
			
			
			
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#">基础装备</a>
					</li>
					<script>
						$(function(){
							$("a").click(function(){
								if($(this).text()=="基础装备"){
									mui('#sheetJiChu').popover('show');
									}
								});
							});
					</script>
				</li>
			</ul>
		</div>
	</body>
</html>